const tile = new ol.layer.Tile({
    source: new ol.source.XYZ({
        url: 'http://webrd0{1-4}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8'
    })
})

var map = new ol.Map({
    target: 'map',
    layers: [
        tile
    ],
    view: new ol.View({
        center: ol.proj.fromLonLat([107.11040599933166, 34.26271532332011]),
        zoom: 4,
        projection: 'EPSG:3857'
    })
});

const bounds = [7792364.355529151,1689200.1396078935,16141326.16502467,9608371.509933658];
const image = new ol.layer.Image({
    source: new ol.source.ImageStatic({
        url: "./data/tem.png",
        imageExtent: bounds
    }),
    opacity: 0.4
});
map.addLayer(image)